<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
    <p:layout fullPage="true" id="layout">
	    <p:layoutUnit position="west" header="Menu" collapsible="false">
	    	<h:form>
	    		<p:menu model="#{loginUsuarioBean.model}" />
	    	</h:form>
	    </p:layoutUnit>
		<p:layoutUnit position="east" header="Bienvenido #{loginUsuarioBean.persona.nombre}" collapsible="false">
			<h:form>
				<p:separator />
				<p:commandButton value="Logout" action="#{loginUsuarioBean.logoutUser}"></p:commandButton>
				<p:separator />
				<p:commandButton value="Modificar perfil" action="#{loginUsuarioBean.modificarUsuarioBoton}"></p:commandButton>
			</h:form>
			<p:graphicImage style="width:70%; position:absolute; left:15%; top:80%;" library="images" name="LogoSemiTrans.jpg" />
		</p:layoutUnit>
	    <p:layoutUnit position="center">
	    <h:form id="form">
	            <p:panelGrid id="crearProyecto" columns="3" style="width: 100%; ">
	            <f:facet name="header">  
        			Alta Proyecto 
    			</f:facet>        
	                <p:outputLabel value="Fecha"></p:outputLabel>
	                <p:outputLabel value="#{proyectoBean.fecha}" style="width:95%"></p:outputLabel>
	                <h:outputText/>
	              
					<p:outputLabel value="Nombre"/>
					<p:inputText id="nombre" value="#{proyectoBean.nombre}" style="width: 95%;" ></p:inputText>
					<h:outputText/>
					
					<p:outputLabel value="Descripción"/>
					<p:inputTextarea id="descripcion" value="#{proyectoBean.descripcion}" style="width: 95%; height: 200px;" ></p:inputTextarea>
					<h:outputText/>
					
					<p:outputLabel value="Método"/>
					<p:selectOneMenu id="metodos" value="#{proyectoBean.metodo}" style="width: 200px;" >
						<f:selectItems value="#{proyectoBean.nombreMetodos}"/>
					</p:selectOneMenu>
					<h:outputText />
					
	                <p:outputLabel id="gerenteNegocio"  value="Gerente Negocio"/>
	               	<h:inputText id="gerenteNegocioNombre" value="#{proyectoBean.nombreGerenteNegocio}" style="width: 95%; "  disabled="true"/>
	                
	                <p:commandButton id="agregarGerente" value="Agregar" oncomplete="dlgAsigarGNWD.show()" ></p:commandButton>
					<f:facet name="footer">  
      					<p:commandButton value="Limpiar" actionListener="#{proyectoBean.cancelar}" icon="ui-icon-check" style="margin:0" update=":form"></p:commandButton>
	        			<p:commandButton value="Aceptar" actionListener="#{proyectoBean.guardarProyecto}" icon="ui-icon-check" style="margin:0" update=":form"></p:commandButton> 
   					 </f:facet> 
				</p:panelGrid>
   				<p:messages autoUpdate="true" showDetail="true" closable="true"/> 
			</h:form>
				
				<p:dialog id="agregarG" header="Agregar Gerente Negocio" widgetVar="dlgAsigarGNWD" modal="true" height="500" width="650" appendToBody="true" dynamic="true">  
						<form>
						<p:panelGrid id="panGer" columns="2" style="height:200px; width:600px;">
							
							<p:outputLabel value="Nombre"></p:outputLabel>
							<p:inputText id="nombreGer" value="#{proyectoBean.gerente.nombre}"></p:inputText>
								
							<p:outputLabel value="Apellido"></p:outputLabel>
							<p:inputText id="apellidoGer" value="#{proyectoBean.gerente.apellido}"></p:inputText>
						</p:panelGrid>
						<p:commandButton value="Buscar" action="#{proyectoBean.buscarGerentesNegocio}" update="GNegocioTable"/>
						<p:dataTable id="GNegocioTable" var="ger" value="#{proyectoBean.gerentes}" paginator="true" rows="15" 
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
	               		 rowsPerPageTemplate="5,10,15" emptyMessage="No se han encontrado Gerentes de Negocio con el criterio ingresado.">
	               		 <p:column>  
		            		<f:facet name="header">  
		                		<h:outputText value="Nombre" />  
		            		</f:facet>  
		           		<h:outputText id="colNombre" value="#{ger.nombre}" />  
		        		</p:column>
		        		
		        		<p:column>  
		            		<f:facet name="header">  
		                		<h:outputText value="Apellido" />  
		            		</f:facet>  
		           		<h:outputText value="#{ger.apellido}" />  
		        		</p:column>
		        		
		        		<p:column>  
		            		<f:facet name="header">  
		                		<h:outputText value="Mail" />  
		            		</f:facet>  
		           		<h:outputText value="#{ger.mail}" />  
		        		</p:column>
	             		 
	               		 <p:column>
		            		<p:commandButton id= "ajax" value="Agregar" style="width: auto;font-size:80%;" actionListener="#{proyectoBean.cargarGerente}" styleClass="ui-priority-primary" update=":form">
		            		<f:setPropertyActionListener value="#{ger}" target="#{proyectoBean.gerente}" />
		            		</p:commandButton>
		        		 </p:column>
	             		 
	              		</p:dataTable>
	              		</form>
					</p:dialog>
		</p:layoutUnit>
	</p:layout>
    </ui:define>
</ui:composition>
</html>
